<template>
    <!-- 基础穿梭框 -->
    <div class="base-transfer">
        <el-transfer
            v-model="transferConfig.modelList"
            :data="transferConfig.data"
            :titles="transferConfig.titles"
        />
    </div>
</template>
<script>
export default {
    props: {
        /**
         * 穿梭框的配置
         */
        transferConfig: {
            /**
             * 穿梭框的数据
             */
            data: {
                type: Array,
                default: () => []
            },
            /**
             * 穿梭框的标题
             */
            titles: {
                type: Array,
                default: () => []
            },
            modelList: {
                type: Array,
                default: () => []
            }
        }
    },
    data() {
        return {}
    },
    methods: {
        /**
         * 返回选中的数据
         */
        backCheckedData() {
            return this.transferConfig.modelList
        }
    }
}
</script>
<style lang="scss" scoped>
.base-transfer {
    @include box_flex(
        $width: auto,
        $height: auto,
        $direction: row,
        $justify: flex-start,
        $align: flex-start
    );
}
</style>
